<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        /*
            共同点: 都能控制显示和隐藏
        */ 

        /*
            区别1: v-show是通过display:none; 假隐藏，dom元素还在,v-if是将整个DOM节点添加和删除
            区别2: v-if 由 false 转为 true,会触发组件的生命周期 所以性能比v-show开销大，经常切换用v-show,
            区别3: v-if 切换会有一个编译和卸载的过程，会合适地销毁和重建内部的监听事件和子组件
        */ 
    </script>
</body>
</html>